<template>
  <div class="menu1">
    <ul>
      <li>
        <picker mode="multiSelector" @change="classifySelect" @columnchange="classifySelect" :value="classifyIndex" :range="classifyOneData">
          <div class="picker">
            分类
            <img src="http://file.rzkeji.com/web/recruit/icon/arrowBlack.png" class="downArrow"/>
          </div>
        </picker>
      </li>
      <li>
        <div class="tui-picker-content" v-if="!showEdustate">
          <picker @change="workAddress" mode = "multiSelector" :value="multiIndex3" :range="multiArray3"  @columnchange="bindMultiPickerColumnChange">
            <div class="picker">
              地区
              <img src="http://file.rzkeji.com/web/recruit/icon/arrowBlack.png" class="downArrow"/>
            </div>
          </picker>
          </div>
        <div class="tui-picker-content" v-else>
          <!-- 简历筛选地址 -->
          <picker @change="resumeAddress" mode="region" :value="multiIndex3" >
            <div class="picker">
              地区
              <img src="http://file.rzkeji.com/web/recruit/icon/arrowBlack.png" class="downArrow"/>
            </div>
          </picker>
          </div>
      </li>
      <!-- <li v-if="!showEdustate">
        <picker mode="multiSelector" @change="moneySelect" @columnchange="moneySelect" :value="moneyIndex" :range="moneyOneData">
          <div class="picker">
            薪资
            <img src="http://file.rzkeji.com/web/recruit/icon/arrowBlack.png" class="downArrow"/>
          </div>
        </picker>
      </li>
      <li v-else>
        <picker mode="selector" @change="stateSelect" @columnchange="stateSelect" :value="stateIndex" :range="stateData">
          <div class="picker">
            学历
            <img src="http://file.rzkeji.com/web/recruit/icon/arrowBlack.png" class="downArrow"/>
          </div>
        </picker>
      </li> -->

       <li v-if="!showEdustate">
        <picker mode="multiSelector" @change="moneySelect" @columnchange="moneySelect" :value="moneyIndex" :range="moneyOneData">
          <div class="picker">
            薪资
            <img src="http://file.rzkeji.com/web/recruit/icon/arrowBlack.png" class="downArrow"/>
          </div>
        </picker>
      </li>
    </ul>
  </div>
</template>

<script>
import {mixin1} from '../utils/index.js'
export default {
  mixins:[mixin1],
  props:{
    showEdustate:{
      default:false
    }
  },
  data() {
      return {
          
      }
  },
  mounted(){
 
  },
}
</script>

<style scoped>
.menu1{width: 100%;height: 45px;}
.menu1 ul{width: 100%;height: 100%;display: flex;justify-content: row}
.menu1 ul li{flex:1;height: 100%;line-height: 45px;text-align: center;}
.menu1 ul li img{width: 13px;height: 7px;vertical-align: middle;margin-left: 10px;}
</style>
